{include file="public/head"}

<body>
<div class="goods-info">
    <div class="goods-left">
        <img src="{$data.image}" alt="..." />
    </div>
    <div class="goods-right">
        <div class="overflow-two">{$data.good_name}</div>
        <p>{$data.subscription}人已报名</p>
        <i>￥{$data.price}</i>
    </div>
</div>
<div class="range">
    <div class="range-h">招生范围</div>
    <div class="range-list">
        {volist name="data.range_id" id="vo"}
        <div class="range-item">{$vo}</div>
        {/volist}
    </div>
</div>
<div class="student">
    <div class="student-h">往期学员</div>
    <div class="student-over">
        <div class="student-list">
            {volist name="data.images" id="vo"}
            <div class="student-item">
                <img src="{$vo}" alt="..." />
            </div>
            {/volist}
        </div>
    </div>
</div>
<a href="http://api.map.baidu.com/marker?location={$data.lat},{$data.lng}&title=位置&content=延长驾校&output=html&src=webapp.baidu.openAPIdemo" class="map">
    <img class="l-img" src="__STATIC__/home/img/image5.png" alt="..." />
    <p>{$data.address}</p>
    <input type="hidden" name="lng" value="{$data.lng}">
    <input type="hidden" name="lat" value="{$data.lat}">
    <img class="r-img" src="__STATIC__/home/img/image11.png" alt="..." />
</a>
<div class="explain">
    <div class="explain-h">产品说明</div>
    <div>{$data.content|raw}</div>
</div>
<div class="careful">
    <div class="careful-h">注意事项</div>
    <div>{$data.note|raw}</div>
</div>
<div style="height: 2rem;"></div>
<div class="footer">
    <a class="flex-center" href="tel: {$tel}">电话咨询</a>
    <a class="flex-center" href="/index/goods/userInfo?id={$data.id}">在线报名</a>
</div>


<script src="__STATIC__/home/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="__STATIC__/home/js/public.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(function () {

    });
</script>
</body>

</html>